body {
      min-width: 1200px;
    }

    a {
      text-decoration: none;
      color: #666;
    }

    a:hover {
      color: #E1251B;
      cursor: pointer;
    }

    .w {
      position: relative;
      width: 1200px;
      margin: 0 auto;
    }
    /* 清除右边框 */
    .clear_border {
      border-right: none !important;
    }
    /* 清除浮动 */
    .clear::after {
      content: '';
      display: block;
      clear: both;
    }


    /* 侧边栏部分 */
    aside {
      z-index: 2;
      position: fixed;
      top: 0;
      right: -290px;
      width: 290px;
      height: 100%;
      background-color: #FFE4C4;
      border-left: 5px solid #7A6E6E;
    }
    aside .switch {
      position: absolute;
      top: 0;
      left: -35px;
      width: 35px;
      height: 35px;
      border-radius: 3px;
      background: url('../img/list.png') #7A6E6E;
      background-size: 35px 35px;
    }
    aside .toTop {
      position: absolute;
      bottom: 0;
      left: -35px;
      width: 35px;
      height: 35px;
      border-radius: 3px;
      background: url('../img/toolbars.png') #7A6E6E -50px -250px;
    }
    aside .toTop:hover {
      background-color: rgb(200,22,35);
    }
    aside .toTop:hover p {
      left: -60px;
      background-color:rgb(200,22,35);
    }
    aside .toTop p {
      position: absolute;
      left: 0;
      margin: 0;
      width: 62px;
      height: 35px;
      line-height: 35px;
      font-size: 12px;
      color: #fff;
      text-align: center;
      background-color: #7A6E6E;
      z-index: -1;
      transition: all .4s .2s;
    }


    /* 最顶部导航部分 */
    .shortcut {
      height: 30px;
      line-height: 30px;
      font-size: 12px;
      background-color: #EAEAEA;
    }

    .shortcut .register {
      float: left;
    }
    .shortcut .register a {
      padding: 0 5px;
    }
    .shortcut .register .dl {
      border-right: 1px solid #b3aeae;
    }

    .shortcut .info {
      float: right;
      margin: 0;
      padding: 0;
      list-style-type: none;
    }

    .shortcut .info li {
      float: left;
    }
    .shortcut .info li a {
      padding: 0 10px;
      border-right: 1px solid #B3AEAE;
    }

    /* logo和搜索框部分 */
    .header {
      height: 110px;
      font-size: 0;
      line-height: 110px;
      /* border: 1px solid green; */
    }

    .header .logo {
      float: left;
      margin-left: 45px;
    }

    .header .logo img {
      vertical-align: middle;
    }

    .header .search_wrap {
      float: right;
      height: 110px;
      line-height: 110px;
      /* border: 1px solid red; */
    }


    .header .search_wrap .inp {
      width: 490px;
      height: 32px;
      font-size: 14px;
      vertical-align: middle;
      border: 2px solid #E1251B;
      box-sizing: border-box;
      text-indent: 1em;
      outline: none;
    }

    .header .search_wrap .btn {
      width: 68px;
      height: 32px;
      font-size: 12px;
      color: #fff;
      vertical-align: middle;
      background-color: #EA4A36;
      border: none;
      cursor: pointer;
    }

    /* 导航栏部分 */
    .nav {
      height: 46px;
      border-bottom: 2px solid #EA4A36;
    }

    .nav .dropdown {
      float: left;
      width: 210px;
      height: 46px;
      line-height: 46px;
      text-align: center;
      font-size: 14px;
      font-weight: 700;
      color: #fff;
      background-color: #E1251B;
    }

    .nav .navitems {
      float: left;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .nav .navitems li {
      float: left;
      line-height: 46px;
      color: #333333;
    }

    .nav .navitems li a {
      display: block;
      padding: 0 22px;
    }

    /* main部分样式 */
    .goodsnav {
      float: left;
      position: relative;
      margin: 0;
      padding: 0;
      width: 210px;
      height: 460px;
      list-style-type: none;
      font-size: 14px;
      color: #333;
      background-color: #FAFAFA;
    }
    .goodsnav li {
      line-height: 30px;
    }
    .goodsnav li>a {
      padding: 0 20px;
    }
    .goodsnav li:hover .navcontent {
      display: block;
    }
    .goodsnav .navcontent {
      z-index: 999;
      display: none;
      position: absolute;
      top: 0;
      left: 210px;
      width: 735px;
      height: 460px;
      padding: 0 4px 0 8px;
      /* border: 1px solid green; */
      background-color: #F7F7F7;
    }
    .goodsnav .navcontent dl {
      /* padding: 12px 0; */
      margin: 5px 0;
      width: 650px;
      /* height: 12px; */
      line-height: 12px;
      color: #666;
    }
    .goodsnav .navcontent dt{
      float: left;
      width: 54px;
      padding-right: 8px;
      margin: 5px 0;
      text-align: right;
      font-size: 12px;
      border-right: 1px solid #ccc;
    }
    .goodsnav .navcontent dd {
      float: left;
      padding: 0 8px;
      margin: 5px 0;
      /* font-size: 12px; */
      line-height: 12px;
      border-right: 1px solid #ccc;
    }
    .goodsnav .navcontent dd:last-child {
      border: none;
    }
    /* 轮播图样式 */
    .swiper {
      position: absolute;
      top: 0;
      left: 210px;
      margin: 5px;
      margin-bottom: 0;
      width: 730px;
      height: 455px;
      overflow: hidden;
    }
    /* 左右箭头样式 */
    .sorrow {
      display: none;
      position: absolute;
      width: 40px;
      height: 70px;
      background: url('../img/icon-slides.png');
    }
    .sorrow.left {
      left: 0;
      top: 50%;
      margin-top: -35px;
    }
    .sorrow.left:hover {
      background-position: -84px 0;
    }
    .sorrow.right {
      right: 0;
      top: 50%;
      margin-top: -35px;
      background-position: -42px 0;
    }
    .sorrow.right:hover {
      background-position: -126px 0;
    }
    .swiper:hover .sorrow {
      display: block;
    } 
    /* 轮播图底部小点样式 */
    .swiper .dotted .active {
      background-color: skyblue;
    }
    .swiper .dotted {
      position: absolute;
      bottom: 20px;
      left: 50%;
      margin-left: -50px !important;
      margin: 0;
      padding: 0;
      width: 100px;
      height: 10px;
      list-style-type: none;
      /* border: 1px solid green; */
    }
    .swiper .dotted li {
      float: left;
      margin-right: 10px;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: #fff;
    }
    /* 轮播图图片样式 */
    .swiper .content {
      margin: 0;
      padding: 0;
      width: 100%;
      list-style-type: none;
      /* border: 1px solid red; */
    }
    .swiper .content li {
      float: left;
    }
    .swiper .content li a{
      display: block;
      width: 730px;
      height: 455px;
    }
    .swiper .content li img {
      width: 730px;
      height: 455px;
      vertical-align: middle;
    }
     /* 新闻快报 */
    .newsflash {
      float: right;
      width: 250px;
      height: 455px;
      margin-top: 5px;
      border: 1px solid #ccc;
      box-sizing: border-box;
    }
    ws {
    width: 248px;
    height: 165px;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc;
    }
    .news_hd {
      padding: 0 15px;
      width: 248px;
      height: 33px;
      line-height: 33px;
      text-align: center;
      box-sizing: border-box;
      border-bottom: 1px solid #ccc;
    }
    .news_hd .left {
      float: left;
      font-size: 14px;
      font-weight: bold;
    }
    .news_hd .right {
      float: right;
      font-size: 12px;
      color: #666;
    }
     /* news_bd模块 */
    .news_bd {
      width: 248px;
      height: 125px;
      padding: 5px 15px ;
      box-sizing: border-box;
    }
    .news_bd p {
      margin: 0;
      width: 218px;
      font-size: 12px;
      line-height: 24px;
      color: #333;
    }
     /* lifeservice模块 */
    
    .sprite {
      width: 248px;
      height: 209px;
      font-size: 0;
      /* overflow: hidden; */
    }

    .sprite div {
      float: left;
      width: 62px;
      height: 70px;
      text-align: center;
      box-sizing: border-box;
      border-bottom: 1px solid #ccc;
      border-right: 1px solid #ccc;
    }
    .sprite div:nth-child(4n) {
      border-right: none;
    }

    .sprite div:hover a {
      color: #C50E1B;
    }

    .sprite div span {
      display: inline-block;
      margin-top: 12px;
      width: 28px;
      height: 28px;
      /* border: 1px solid red; */
    }

    .sprite div a {
      display: inline-block;
      width: 62px;
      height: 22px;
      font-size: 12px;
      line-height: 22px;
      text-decoration: none;
      color: #000;
      box-sizing: border-box;
      /* border: 1px solid green; */
    }

    .sprite div .huafei {
      background: url('../img/img.png');
      background-position: -168px 0;
    }

    .sprite div:hover span.huafei {
      background: url('../img/img.png');
      background-position: -420px 0;
    }

    .sprite div .jipiao {
      background: url('../img/img.png');
      background-position: -616px 0;
    }

    .sprite div:hover span.jipiao {
      background: url('../img/img.png');
      background-position: -84px 0;
    }

    .sprite div .jiudian {
      background: url('../img/img.png');
      background-position: -588px 0;
    }

    .sprite div:hover span.jiudian {
      background: url('../img/img.png');
      background-position: -140px 0;
    }

    .sprite div .youxi {
      background: url('../img/img.png');
      background-position: 0 0;
    }

    .sprite div:hover span.youxi {
      background: url('../img/img.png');
      background-position: -448px 0;
    }

    .sprite div .jiayouka {
      background: url('../img/img.png');
      background-position: -196px 0;
    }

    .sprite div:hover span.jiayouka {
      background: url('../img/img.png');
      background-position: -532px 0;
    }

    .sprite div .huochepiao {
      background: url('../img/img.png');
      background-position: -224px 0;
    }

    .sprite div:hover span.huochepiao {
      background: url('../img/img.png');
      background-position: -336px 0;
    }

    .sprite div .zhongchou {
      background: url('../img/img.png');
      background-position: -476px 0;
    }

    .sprite div:hover span.zhongchou {
      background: url('../img/img.png');
      background-position: -28px 0;
    }

    .sprite div .licai {
      background: url('../img/img.png');
      background-position: -56px 0;
    }

    .sprite div:hover span.licai {
      background: url('../img/img.png');
      background-position: -364px 0;
    }

    .sprite div .baitiao {
      background: url('../img/img.png');
      background-position: -308px 0;
    }

    .sprite div:hover span.baitiao {
      background: url('../img/img.png');
      background-position: -112px 0;
    }

    .sprite div .dianyingpiao {
      background: url('../img/img.png');
      background-position: -280px 0;
    }

    .sprite div:hover span.dianyingpiao {
      background: url('../img/img.png');
      background-position: -644px 0;
    }

    .sprite div .qiyegou {
      background: url('../img/img.png');
      background-position: -252px 0;
    }

    .sprite div:hover span.qiyegou {
      background: url('../img/img.png');
      background-position: -504px 0;
    }

    .sprite div .lipinka {
      background: url('../img/img.png');
      background-position: -560px 0;
    }

    .sprite div:hover span.lipinka {
      background: url('../img/img.png');
      background-position: -392px 0;
    }
    /* bargin样式 */
    .bargin {
      margin-top: 5px;
      opacity: .8;
      transition: all .4s;
    }
    .bargin:hover {
      opacity: 1;
    }
    .bargin a {
      display: block;
    }
    .bargin a,
    .bargin img {
      width: 250px;
      height: 75px;
    }

    /* 今日推荐部分 */
    .recom {
      height: 163px;
      /* border: 1px solid green; */
      margin-top: 12px;
      background-color: #EBEBEB;
    }
    .recom_hd {
      float: left;
      padding-top: 30px;
      width: 205px;
      height: 163px;
      text-align: center;
      background-color: #5C5251;
      box-sizing: border-box;
    }
    .recom_hd p {
      font-size: 18px;
      font-weight: bold;
      color: #fff;
    }
    .recom_bd {
      float: left;
    }
    .recom_bd a {
      display: block;
      float: left;
    }
    .recom_bd img {
      width: 248px;
      height: 163px;
    }

    /* 排行部分 */
    .rank {
      margin-top: 15px;
      height: 438px;
      /* border: 1px solid red; */
    }
    .rank_hd {
      height: 65px;
      /* border: 1px solid green; */
    }
    .rank_hd ul {
      padding: 0;
      margin: 0 auto;
      width: 300px;
      list-style-type: none;
    }
    .rank_hd ul li {
      float: left;
      margin: 0 15px;
      width: 65px;
      height: 65px;
      /* border: 1px solid red; */
    }
    .rank_hd ul li:hover span a {
      color: #C50E1B;
    }
    .rank_hd ul li .sprite {
      display: block;
      margin: 0 auto;
      margin-bottom: 12px;
      width: 35px;
      height: 35px;
      background: url('../img/home/bg0.png');
    }
    .rank_hd ul li:first-child .sprite {
      background-position: -35px 0;
    }
    .rank_bd {
      margin-top: 20px;
      box-sizing: border-box;
      overflow: hidden;
    }
    .rank_bd .rank_goods {
      float: left;
      margin: 0 14px;
      width: 270px;
      height: 330px;
      font-size: 12px;
      color: #333;
      text-align: center;
      border: 1px solid red;
    }
    .rank_goods div {
      height: 100px;
      background-color: #FAFAFA;
    }
    .rank_bd .rank_goods img {
      margin-bottom: 30px;
      width: 200px;
      height: 200px;
      vertical-align: top;
    }
    .rank_bd .rank_goods p,
    .rank_bd .rank_goods a
    {
      display: block;
      margin: 0 auto;
      width: 220px;
      line-height: 25px;
      text-align-last: left;
    }
    .rank_bd .rank_goods p.price {
      margin-top: 15px;
      font-size: 20px;
      color: #C50E1B;
    }

    /* 猜你喜欢部分 */
    .like {
      height: 280px;
      /* border: 1px solid red; */
    }
    .like_hd {
      height: 30px;
      line-height: 30px;
    }
    .like_hd .title {
      float: left;
      font-size: 20px;
      font-weight: bold;
    }
    .like_hd .reflash {
      float: right;
      width: 66px;
      font-size: 12px ;
      color: #333;
      vertical-align: middle;
      background: url('../img/home/icons.png');
      background-position: 182px -101px;
    }
    .like_bd {
      width: 1200px;
      height: 250px;
      border: 1px solid #E4E4E4;
      overflow: hidden;
    }
    .like_bd .goods {
      float: left;
      width: 200px;
      height: 250px;
      text-align: center;
      box-sizing: border-box;
    }
    .like_bd .goods a {
      display: block;
    }
    .like_bd .goods img {
      transition: all .4s;
    }
    .like_bd .goods img:hover {
      transform: scale(1.1);
      opacity: .8;
    }
    .like_bd .goods div {
      padding: 15px 30px 0 30px;
      font-size: 12px;
      line-height: 20px;
      text-align: left;
      border-right: 1px solid #ccc;
    }
    .like_bd .goods:last-of-type div {
      border-right: none;
    }
    .like_bd .goods div p {
      margin-top: 10px;
      font-size: 20px;
      font-weight: bold;
      color: #C50E1B;
    }


    /* 家用电器部分 */
    .elec {
      padding-top: 20px;
      /* height: 420px; */
      /* border: 1px solid red; */
      /* box-sizing: border-box; */
    }
    .elec_hd {
      height: 30px;
      line-height: 30px;
      width: 100%;
      box-sizing: border-box;
      /* border: 1px solid green; */
    }
    .elec_hd .title {
      float: left;
      font-size: 20px;
      font-weight: bold;
      color:#C50E1B;
    }
    .elec_hd .tab_list {
      float: right;
      padding-top: 15px;
      /* height: 30px; */
      line-height: 30px;
      color: #666;
    }
    .elec_hd .tab_list a {
      float: left;
      font-size: 12px;
      line-height: 12px;
      color: #333;
      padding: 0 10px;
      border-right: 1px solid #333;
    }
    .elec_hd .tab_list a:last-child {
      border: none;
    }
    .elec_hd .tab_list a:hover {
      color: #E1251B;
      cursor: pointer;
    }
    .elec_bd {
      margin-top: 10px;
      height: 360px;
      /* border: 1px solid red; */
      border-top: 2px solid #C81623;
      /* box-sizing: border-box; */
    }
    .elec_bd .col1 {
      float: left;
      width: 210px;
      height: 360px;
    }
    
    .elec_bd .col1 ul {
      margin: 0;
      padding: 10px 10px;
      width: 210px;
      height: 110px;
      /* border: 1px solid red; */
      box-sizing: border-box;
      background-color: #F7F7F7;
      list-style-type: none;
    }
    .elec_bd .col1 ul li {
      float: left;
      margin-right: 20px;
      width: 84px;
      font-size: 12px;
      line-height: 26px;
      text-align: center;
      border-bottom: 1px solid #E4E4E4;
    }
    .elec_bd .col1 ul li:nth-child(even) {
      margin: 0;
    }
    .elec_bd .col1 a {
      display: block;
    }
    .elec_bd .col1 img {
      width: 210px;
      height: 250px;
    }
    .elec_bd .col2 {
      position: relative;
      float: left;
      width: 330px;
      height: 360px;
      /* border: 1px solid green; */
    }
    .elec_bd .col2 a {
      display: block;
    }
    .elec_bd .col2 img {
      width: 330px;
      height: 360px;
    }
    /* 左右箭头样式 */
    .sorrow {
      display: none;
      position: absolute;
      width: 40px;
      height: 70px;
      background: url('../img/icon-slides.png');
    }
    .elec_bd .col2 .sorrow.left {
      left: 0;
      top: 50%;
      margin-top: -35px;
    }
    .elec_bd .col2 .sorrow.left:hover {
      background-position: -84px 0;
    }
    .elec_bd .col2 .sorrow.right {
      right: 0;
      top: 50%;
      margin-top: -35px;
      background-position: -42px 0;
    }
    .elec_bd .col2 .sorrow.right:hover {
      background-position: -126px 0;
    }
    .elec_bd .col2:hover .sorrow {
      display: block;
    } 
    .elec_bd .col2 .dotted .active {
      background-color: skyblue;
    }
    .elec_bd .col2 .dotted {
      position: absolute;
      bottom: 20px;
      left: 50%;
      margin-left: -50px !important;
      margin: 0;
      padding: 0;
      width: 100px;
      height: 10px;
      list-style-type: none;
      /* border: 1px solid green; */
    }
    .elec_bd .col2 .dotted li {
      float: left;
      margin-right: 10px;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: #fff;
    }
    .elec_bd .col3 {
      float: left;  
      width: 220px;
      height: 360px;
      /* border: 1px solid red; */
    }
    .elec_bd .col3 a {
      display: block;
    }
    .elec_bd .col3_top,
    .elec_bd .col3_bottom {
      width: 220px;
      height: 180px;
      border-bottom: 1px solid #ccc;
      box-sizing: border-box;
      overflow: hidden;
    }
    .elec_bd .col3_top img,
    .elec_bd .col3_bottom img {
      width: 220px;
      height: 180px;
    }
    .elec_bd .col4 {
      float: left;
      width: 220px;
      height: 360px;
      border: 1px solid #ccc;
      box-sizing: border-box;
      overflow: hidden;
    }
    .elec_bd .col4 a {
      display: block;
    }
    .elec_bd .col4 img {
      height: 360px;
    }
    .elec_bd .col5 {
      float: left;
      width: 220px;
      height: 360px;
    }
    .elec_bd .col5 a {
      display: block;
    }
    .elec_bd .col5_top,
    .elec_bd .col5_bottom {
      width: 220px;
      height: 180px;
      border-bottom: 1px solid #ccc;
      box-sizing: border-box;
      overflow: hidden;
    }
    .elec_bd .col5 img {
      width: 220px;
      height: 180px;
    }


    /*  logo 部分 */
    .logo a {
      display: block;
    }
    .wrap {
      margin-top: 10px;
      margin-bottom: 10px;
      height: 70px;
      background-color: #F7F7F7;
    }
    .wrap a {
      float: left;
      margin-top: 16px;
      padding: 0 10px;
      border-right: 1px solid #ccc;
    }
    .wrap a:last-child {
      border: none;
    }
    .wrap a img {
      vertical-align: middle;
    }


    /* 底部样式 */
    .footer {
      min-width: 1200px;
      background-color: #EAEAEA;
    }
    /* 底部列表样式 */
    .more {
      padding: 20px 20px 20px 40px;
      color: #333;
      border-bottom: 1px solid #E4E1E1;
    }

    dl {
      float: left;
      margin: 0;
      margin-right: 115px;
    }

    dt {
      font-size: 14px;
      font-weight: 700;
    }

    dd {
      margin: 0;
      font-size: 12px;
      line-height: 20px;
    }

    .erweima {
      margin-right: 0;
    }
    .erweima dd {
      margin-top: 5px;
    }
    .erweima img {
      width: 75px;
    }

    a {
      text-decoration: none;
      color: #333;
    }
    /* 底部copyright样式 */
    .footer .copyright {
      /* border: 1px solid red; */
      font-size: 12px;
      color: #333;
      margin-bottom: 30px;
    }
    .footer .copyright p {
      text-align: center;
    }
    .footer .copyright a {
      display: inline-block;
      padding: 0 15px;
      border-right: 1px solid #000;
    }
    .footer .copyright .last {
      border: none;
    }
    .footer .copyright .place {
      line-height: 25px;
    }